搭建vue的开发环境

搭建vue的开发环境：

 

https://cn.vuejs.org/v2/guide/installation.html

1、必须要安装nodejs

2、搭建vue的开发环境 ，安装vue的脚手架工具 官方命令行工具

npm install --global vue-cli / cnpm install --global vue-cli （此命令只需要执行一次）

3、创建项目 必须cd到对应的一个项目里面

vue init webpack vue-demo01

cd vue-demo01

cnpm install / npm install 如果创建项目的时候没有报错，这一步可以省略。如果报错了 cd到项目里面运行 cnpm install / npm install

npm run dev 项目运行

4、另一种创建项目的方式 （简易版）

vue init webpack-simple vuedemo02

cd vuedemo02

cnpm install / npm install

npm run dev

 

小窗口创建项目：【前提：必须安装node.js】

1. 在想要放置项目的盘里创建一个空文件夹

2. 打开电脑运行窗口：win+r 输入指令：cmd

3. C:\Users\lenovo>d: //找到放置项目的盘

4. D:\>cd D:\Vue //找到放置项目的文件夹

5. D:\Vue>npm install -g @vue/cli -init //全局安装vue脚手架（桥接vue2.0）

6. D:\Vue>npm install -g cnpm --registry=https://registry.npm.taobao.org //全局安装淘宝镜像

7. D:\Vue>vue create hello-world //创建项目 vue init webpack hello-world

8. D:\Vue>cd hello-world //找到项目

9. D:\Vue\hello-world>npm run serve / cnpm run serve //运行项目

10. D:\Vue\hello-world>npm run build / cnpm run build //打包项目

 

淘宝镜像:

cnpm 下载包的速度更快一些。

地址：http://npm.taobao.org/

安装cnpm:

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