使⽤vscode⼀步⼀步搭建vue2脚⼿架
安装nodejs
【1】安装nodejs
vue脚⼿架需要nodejs环境，所以⾸先需要安装nodejs。
验证nodejs是否安装成功，打开cmd窗⼝，输⼊ node -v 命令，看到node版本信息说明nodejs安装成功。
设置阿⾥npm源，如果不⽤国内镜像源，安装vue脚⼿架可能会失败。
npm config set registry registry.
⼏个管理命令：
node -v                #(版本低引起：bash: npm: command not found)
npm -v        #以上帮助检查是否安装 node npm 
vue -V                #查看vue版本
vue --version      #查看vue版本
输⼊vue        #测试vue是否安装成功
输⼊vue list      #看vue中有哪些⼦类 npm install vue
安装vue2脚⼿架及环境配置
【2】安装vue-cli 2脚⼿架及环境配置
【以管理员权限】打开powershell命令⾏窗⼝，不是cmd，注意要以管理员权限打开powershell，不然不⾏。powershell所在位置：【C:\Windows\System32\WindowsPowerShell\v1.0】
安装vue脚⼿架:
cnpm install -g vue-cli  或者  npm install -g vue-cli
cnpm install -g webpack  或者  npm install -g webpack
安装的时候如果提⽰ cnpm : ⽆法加载⽂件 D:\Program Files\nodejs\node_global\cnpm.ps1。未对⽂件 D:\Program
Files\nodejs\node_global\cnpm.ps1 进⾏数字签名。⽆法在当前系统上运⾏该脚本。
解决⽅法：
1、在终端执⾏：get-ExecutionPolicy，显⽰Restricted（表⽰状态是禁⽌的）或者AllSigned（表⽰需要签名）。
2、在终端执⾏：set-ExecutionPolicy RemoteSigned ，选择Y或A 。
3、在终端执⾏：get-ExecutionPolicy，显⽰RemoteSigned （表⽰不需要签名）。
查看vue安装状态，vue -V
安装开发可能会⽤到的依赖
#安装 Promise,vue-router，vuex, axios, qs
cnpm install es6-promise --save
cnpm install vue-router --save
cnpm install vuex --save
cnpm install axios --save
cnpm install qs
#安装style,css,less
cnpm install css-loader style-loader --save-dev
cnpm install less less-loader --save-dev
#安装saas
cnpm install -g sass --save-dev
cnpm install node-sass --save-dev
cnpm install sass-loader --save-dev
如果项⽬中使⽤element-ui或者antd ui的开发页⾯的话，选择安装element或antd。
#安装elementui
powershell创建目录
cnpm i element-ui -S
#安装antd
cnpm install antd --save
创建vue2项⽬
【3】创建vue2项⽬
切换到项⽬存放⽬录，⽐如【 F:\code\web 】，输⼊ vue init webpack 项⽬名，项⽬名称⽤⼩写英⽂命名，然后⼀路回车，cd F:\code\web
vue init webpack vue2_demo
⽤vscode打开 F:\code\web\vue2_demo ⽂件夹，
开⼀个新的vs code终端，在终端中输⼊ npm run dev 启动vue2_demo 项⽬。
发布Vue2项⽬
【4】打包vue2项⽬
现在 vue2_demo 这个只能在本地跑，要如何在我们⾃⼰的服务器上访问呢？
需要发布项⽬。
npm run build
构建完成之后会⽣成dist⽬录，⾥⾯会有个index.html⽂件，⼀些JS、CSS、图⽚等静态⽂件也在dist的相应⽬录⾥。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。