构建vue项目,从头到尾

//前言>由于近年一直在开发小程序,很久没构建vue项目了,在这里记录一下,回顾

构建VUE项目第一步

#1#安装node.js

{安装地址:https://nodejs.org/en/download/}
  

#2#查看是否安装成功nodejs 
>cmd命令node -v

构建vue项目,从头到尾

#3#安装淘宝镜像
在cmd命令框运行命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后检验是否安装完成,运行cnpm -v查看版本

 

#4#全局安装vue-cli

cnpm install -g vue-cli

走到这一步,基础已经搭建好

#5#创建项目
>这里的myproject是指自定义项目名称
vue init webpack myproject

构建vue项目,从头到尾

#6# 运行项目
1> cd 项目名
2> npm run dev

 构建vue项目,从头到尾构建vue项目,从头到尾

#6#访问链接看到以上页面就证明运行成功

#7#如要更改vue页面内容
1>项目名称目录中>src>Vue.js[components>helloworlds]