一、安装npm
1.新版的nodejs已经集成了npm,所以安装node.js即可集成安装npm。node.js安装教程:node.js安装配置。
查看npm 版本:npm -v
2.npm升级、替换
升级 npm:npm install npm -g
升级或安装 cnpm:npm install cnpm -g
设置为淘宝镜像:npm config set registry http://registry.npm.taobao.org/
切换回原来的镜像:npm config set registry https://registry.npmjs.org
二、全局安装vue及vue-cli脚手架
安装vue:npm install -g vue
安装vue-cli脚手架:npm install --global vue-cli
PS.若要安装vue3.0,vue-cli版本要求vue-cli4.0+,安装vue-cli4.0+脚手架:npm install -g @vue/cli
若全局安装过旧版本的 vue-cli(1.x 或 2.x)要先卸载它:npm uninstall vue-cli -g
查看vue版本:vue -V
三、搭建vue2.0项目
1.cd到项目目录
2.执行命令,创建一个基于 webpack 模板的新项目,然后一路点回车,直到项目初始化完成:vue init webpack my-project
3.执行命令,安装新项目:npm install
4.执行命令,运行新项目:npm run dev
5.修改vue项目端口号:找到项目config文件夹下的index.js,找到项目配置:port:8080,将端口号进行修改即可
四、搭建vue3.0项目
1.cd到项目目录
2.执行命令,创建一个基于 webpack 模板的新项目,直到项目初始化完成:vue create myproject
3.执行成功后选择版本vue3.0,之后等待安装完成即可
4.执行命令,运行新项目:npm run serve
5.修改vue项目端口号:找到项目config文件夹下的index.js,找到项目配置:port:8080,将端口号进行修改即可
五、打包
1.打包命令:npm run build
若域名访问路径有目录前缀,形如:'http://localhost:8080/upin/#/silkbag/content'中的'upin',在config文件夹下的index.js文件下修改'build'对象下的'assetsPublicPath'属性为'./',形如下图: