vue脚手架安装

//---------------------------------------start
vue新版脚手架vue

//卸载旧版本
npm uninstall vue-cli -gnode

cnpm install -g @vue/cli或yarn global add @vue/cli //新版本webpack

vue --version
cnpm install webpack -ges6

e:
cd E:\AvsWorkSapce
vue create ysxVueweb


//启动项目
yarn serve
// OR
npm run serve
//---------------------------------------endajax

 

//旧版本vuex

vue 脚手架
1& 安装node.js
test
node -v
npm -v
2&安装vue的脚手架 全局安装vue-cil
先用淘宝镜像安装cnpm才能够使用哦vue-cli

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指令进入项目目录npm

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

//**************

相关文章
相关标签/搜索