1、首先安装好node.js
登录node.js中文网http://nodejs.cn/根据自己的电脑系统下载相应的安装包;安装完成后,在cmd命令窗口中输入 node -v出现版本号后即为安装成功。
2、在需要项目文件夹中按住shift键右击,选择在此处打开命令窗口。
3、输入npm install vue-cli -g进行安装,安装完成后,输入vue -V然后出现版本号后代表安装完成。
4、安装webpack模板。输入vue list 即可查看vue提供的模板,建议普通的小项目用webpack-simple就足够了,假如是公司的大项目还是要用webpack完整版,我这儿用的是精简版。
5、配置项目的一些信息,基本上是一路回车。
6、跳转到项目文件中安装项目所需要的依赖。
7、输入npm run dev 运行项目,浏览器会自动打开默认的vue模板。
8、打包项目。
打包完成后会把所有所需要的文件生成到dist文件夹中,上线的时候只需要把dist文件夹放到服务器上就可以咯。
注:cnpm为国内的镜像,安装方法如下,打开cmd命令行工具输入如下代码,安装完成后输入cnpm -v显示版本号即为安装成功。
npm install -g cnpm --registry=https://registry.npm.taobao.org