1、先安装npm和nodejs,看之前我的npm安装
2、输入 npm install -g cnpm --registry=https://registry.npm.taobao.org 这样就能用淘宝的npm镜像代替国外的资源。如果安装npm时已经操作过,可省略。
3、npm全局安装vue脚手架:仍旧在任意路径的cmd下输入“cnpm install vue-cli -g”,安装vue。成功后输入vue能出来信息。
4、 npm项目依赖组件安装:cmd进入前端vue项目的根目录,输入命令“cnpm install”,会根据前端项目的依赖关系下载好相关的组件,存在项目目录的node_modules文件夹下。
5、 对项目进行编译,cmd进入前端vue项目的根目录,输入命令“npm run build”,此时会对根目录下的package.json对build命令的定义进行编译,一般"build" = “webpack -p”。
npm info vue,可查看vue信息。
6、编译项目: cmd进入前端vue项目的根目录,输入命令“npm run build”。
编译报错:Module build failed: Error: Cannot find module ‘node-sass’,输入 cnpm install node-sass@latest 即可。
7、启动项目:cmd进入前端vue项目的根目录,输入命令“npm run dev”。