//---------------------------------------start
vue新版脚手架
//卸载旧版本
npm uninstall vue-cli -g
cnpm install -g @vue/cli或yarn global add @vue/cli //新版本
vue --version
cnpm install webpack -g
e:
cd E:\AvsWorkSapce
vue create ysxVue
//启动项目
yarn serve
// OR
npm run serve
//---------------------------------------end
//旧版本
vue 脚手架
1& 安装node.js
test
node -v
npm -v
2&安装vue的脚手架 全局安装vue-cil
先用淘宝镜像安装cnpm才可以使用哦
npm install -g cnpm --registry=https://registry.npm.taobao.org
test
cnpm -v
用cnpm安装vue脚手架
cnpm install -g vue-cli
test
vue -V(V 大写)
3&生成项目
cd指令进入项目目录
node -v(小写v) 看下,若没有,自己取官网安装一下(下面npm命令行node里面有)
vue -V (大V)看下,若没有npm i vue-cli -g
webpack -v(小写v)看下 若没有 npm install webpack -g
如果提示 Which one do you like to install (webpack-cli/webpack-command):
则:
npm install --save-dev webpack-cli -g
(
cnpm install webpack -g
提示cli 就
cnpm install webpack-cli -g
)
确保这三个都有的情况下
cd到项目文件夹 执行:
vue init webpack vuepro(vuepro可以是自己取的任意名字)
//**************
//**************
cd 到项目目录 *** 执行:
npm install vue-resource --save
npm install vuex --save
安装vue-resource是用于ajax请求的vue插件 用来和服务器端进行数据通信
npm install vue-resource --save
安装vuex是用于管理每个组件之间的状态值的改变
npm install vuex --save
项目名 vuees6test
author ysx
//**************
原文地址:https://www.cnblogs.com/sx00/p/10913929.html