搭建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