1、安装node.js:Node.js
node -v //查看node是否安装成功 npm -v //查看npm是否安装成功
2、安装cnpm
npm install -g cnpm --registry=http://registry.npm.taobao.org cnpm -v //查看cnpm是否安装成功
3、安装vue-cli脚手架构建工具
全局安装
npm install -g vue-cli vue -V //查看是否安装成功 webpack -v //webpack版本查询
此方法安装下来为vue2.0+版本,下面对vue进行升级
4、安装vue3.0
npm install -g @vue/cli cnpm i -g @vue/cli //安装新的脚手架 vue -V //查看vue版本
5、使用vue-cli脚手架构建项目
进入相应文件夹 such as:d:
d: cd vue vue create demo1
选择defalt 3.0
npm
6、打开项目demo1
打开vscode,将demo1文件夹拖入vscode
打开控制台
npm run serve //项目启动