vue脚手架安装

Posted 2021-12-02 sx00

//---------------------------------------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

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