一、基本配置(官网直接下载)
VScode下载
VScode插件配置
node.js(主要目的是使用集成在node中的npm)
二、对npm进行升级
1.使用npm -g install npm命令
2.使用npm install -g cnpm --registry=https://registry.npm.taobao.org
转化为淘宝镜像(防止国外资源被限制)
三、安装Vue-cli脚手架
脚手架可以类比为日常工地上面我们看到的脚手架,它帮助我们搭建基本的开发环境即为基本的结构工程目录,架子搭建好了,利用它可以搞定目录结构,本地调试,单元测试,热加载及代码部署等。
使用cnpm install -g vue-cli(-g代表全局)安装Vue-cli脚手架
四、利用模板建立Vue项目
1.这里创建一个基于Webpack模板的新项目
使用cd 命令切换到要放置项目的目录
2.使用vue init webpack xxx(项目名) 命令新建新的Vue项目
3.使用cd命令切换到项目根目录下,使用命令cnpm install安装npm,然后 npm run dev 运行项目。
运行成功
4.双击网址
5.到这就成功创建vue项目了