|
1.安装node.js，并查看node版本
node -v
2.node自带了npm，所以直接把npm镜像地址改成国内淘宝镜像
//更改镜像地址
npm install -g cnpm --registry=https://registry.npm.taobao.org
//查看当前镜像地址
npm config get registry
3.安装yarn
npm install -g yarn
4.安装vue/cli脚手架
yarn global add @vue/cli
# 或
npm install -g @vue/cli
//查看vue/cli 版本
vue -V
//升级Vue/cli
npm update -g @vue/cli
//或者
yarn global upgrade --latest @vue/cli
5.创建vue项目
//创建vue项目
vue create 项目名称,如：vue create vue_demo1
//运行项目
npm run serve
//或
yarn serve
//项目打包
npm run build
//或
yarn build
6.vue运行流程
//第一步，进入项目，通过main.js进入项目，然后main.js将app.vue进行实例化
//第二步，进入app.vue，app.vue是一个页面的全部内容，类似导航页面
//第三步，进入路由，根据app.vue的导航，进入到router里面的路由配置
//第四步，进入视图，根据路由配置，进入到views视图层的具体页面
//第五步，进入组件，因为视图页面是由components里面的组件组成的
|