1. node.js安装
node.js官网:https://nodejs.org/en/download/ 下载安装包,不一定非要安装在C盘。
安装完成后打开cmd输入node -v 查看node.js的版本号,输入 npm -v 查看npm版本号。两者版本号均能正常查看说明node.js和npm都能在命令行中执行使用。如果npm不能查看版本号,可以查看是否是环境变量path没有配置对。
2. npm国内镜像---cnpm安装
方式一:npm install -g cnpm --registry=https://registry.npm.taobao.org
存在的问题:cnpm版本号和npm的版本号不一定对得上
方式二:
alias cnpm="npm --registry=https://registry.npm.taobao.org \
--cache=$HOME/.npm/.cache/cnpm \
--disturl=https://npm.taobao.org/dist \
--userconfig=$HOME/.cnpmrc"
3. 安装vue-cli脚手架构建工具
npm install -g vue-cli
4. 用vue-cli构建项目
(1) 把路径cd到希望建立项目的地址
(2) vue init webpack firstVue
这里的firstVue是项目名称
(3) cd到项目文件夹(firstVue文件夹)
(4) cnpm install
安装完成之后,会在项目firstVue文件夹中多出一个node_modules文件夹,里面是项目需要的依赖包资源。
(5) 运行项目:npm run dev
(6) 生成部署文件:npm run build
生成完成后,多了个dist的文件夹,里面是压缩好的代码文件