浅谈Vue（Vue项目搭建）

半夏花开

个人心得，项目使用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/