vue脚手架搭建_01

20200426 – vue 学习笔记01

1、下载安装 visual studio code

下载地址https://code.visualstudio.com/Download

vscode安装插件

点击vscode左侧Extensions按钮，搜索 vetur 点击install。实现支持vue文件的代码高亮
点击vscode左侧Extensions按钮，搜索 ESLint 点击install

2、脚手架搭建

下载安装node.js

下载地址https://nodejs.org/en/download/
测试是否安装成功

node -v

npm –v //如果出错重启电脑

安装淘宝镜像

npm install -g cnpm --registry= "https://registry.npm.taobao.org

安装这里是因为我们用的npm的服务器是外国，有的时候我们安装“依赖”的时候很很慢很慢超级慢，所以就用这个cnpm来安装我们说需要的“依赖”。安装完成之后输入 cnpm -v，如下图，如果出现相应的版本号，则说明安装成功。

cnpm -v

安装webpack

npm install –g webpack

安装vue-cli

npm install vue-cli -g

vue -V  //V大写

3、创建项目

启动vscode，在Terminial（点击左下角符号）命令框中输入

vue init webpack vue_test

注意：
初始化项目会出现：vscode终端运行vue报错：无法加载文件 C:\Users\14353\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本
解决方式：

以管理员身份运行PowerShell
执行：get-ExecutionPolicy，回复Restricted，表示状态是禁止的
执行：set-ExecutionPolicy RemoteSigned
选择Y
注意：一定要以管理员的身份运行PowerShell，不是cmd窗口！

继续执行命令，出现提示直接回车即可。

打开项目文件夹，运行项目

`npm run dev` 

至此结束，希望对您有帮助！