目录:
1、安装node.js环境
2、安装cnpm
3、安装vue-cli脚手架构建工具
4、用vue-cli构建项目
5、安装项目所需的依赖
6、项目运行
7、项目打包
1、安装node.js环境
下载地址:https://nodejs.org/zh-cn/
安装过程没有太多好说的,安装完成后 win+R打开命令行输入node -v , 如图,出现版本号说明安装成功。
npm包管理器是集成在node中的 , npm -v可以查看版本
2、安装cnpm
由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候很慢或者失败,所有还需要npm的国内淘宝镜像---cnpm。
命令行输入npm install -g cnpm --registry=http://registry.npm.taobao.org 安装,可以使用cnpm -v查看。
之后就可以使用cnpm代替npm来管理依赖。
淘宝镜像说明:https://developer.aliyun.com/mirror/NPM?from=tnpm
3、安装vue-cli脚手架构建工具
命令行输入 cnpm install -g vue-cli ,然后等待安装,安装完毕后在命令行输入vue --version,会显示安装的版本号,安装成功。
4、用vue-cli构建项目
首先确定项目文件放置的目录,比如我选择 C:/demo文件夹下.
然后命令行进入此目录,使用webpack 构建一个初始项目,运行命令 vue init webpack vue-demo
运行初始化命令的时候回让用户输入几个基本的选项,如项目名称,描述,作者等信息,如果不想填直接回车默认就好。
5、安装项目所需的依赖
要安装依赖包,首先cd到项目文件夹(vue-demo文件夹),然后运行命令 cnpm install ,等待安装(安装可能很慢)。 完成后项目目录下会多出一个node_modules 文件夹,依赖资源就在里面。
6、项目运行
在项目目录中,运行命令 npm run dev
运行成功后,浏览器访问:
7、项目打包
在项目目录中,运行命令npm run build
打包后的文件,用于部署Web服务器
参考资料:
https://blog.csdn.net/Freya_yyy/article/details/81675498
https://developer.aliyun.com/mirror/NPM?from=tnpm