查看: 77|回复: 1

浅谈Vue(Vue项目搭建)

发表于 2018-7-9 13:27:38

个人心得,项目使用vue两种方式,一种就是传统的使用方式,使用script标签直接引入;

<script src="https://unpkg.com/vue/dist/vue.js"></script>
  • 1

另外就是搭建脚手架,使用npm安装,安装步骤:
1、检查是否安装有nodeJS环境,没有的安装nodejs环境,4.0版本以上。
(1)、傻瓜式安装nodejs,去node官网下载,之后就是各种下一步。
安装vue-cli

- npm install vue-cli -g - $ npm install --global vue-cli - $ npm install -g vue-cli
  • 1
  • 2
  • 3

上面命令都可以安装vue脚手架,选择其中一条命令即可,行情问题,npm比较慢,可以使用cnpm
安装基于webpack工具的vue项目

vue init webpack sell //sell项目名称
  • 1

执行完上面的命令后,窗口出现下图选择项

每一行对应分别是:
1. 项目名字
2. 项目描述
3. 作者
4. ES6代码风格检查器(需要就Y,不需要就N,建议新手N)
5. preset预设的选项,直接回车就好
6. 单元测试(如果基于界面测试选N)
7. e2e tests(选择N就好,目前没查为啥)
*以上的配置会在项目的package.json配置里*

这样,当前目录就会生成一个sell的项目。

现在需要启动项目,启动之前需要安装依赖

npm install
  • 1

下载完成之后,便可以启动项目;依赖安装结束显示!

启动项目:

npm run dev
  • 1

项目启动成功!

国情的问题,如果需要使用cnpm代替npm 的话,执行命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 1


web学习交流群:362513833
参考资料:http://www.makeru.com.cn/


点评

海!外直播 t.cn/RxlBLRZ 禁闻视频 t.cn/RJJZmvT “赵国”四大自残:百度治病,微信养生,专家荐股,微博时政。分别伤害身体,父母,财产和智力,总有一款适合你!呵呵,看看这个,珍惜生命..  发表于 2018-7-9 22:56


回复

使用道具 举报