【vue】vue-cli脚手架安装和vue环境搭建

一，安装vue-cli

1，安装node环境
官方地址：https://nodejs.org/zh-cn/
2，使用cmd安装全局安装webpack

npm install cnpm

3，全局安装vue-cli

cnpm install @vue/cli

查看安装版本号
vue -V

4，创建项目

vue create 项目名字

然后会弹出来一些选项

? Project name myblog                					--项目名称，直接回车
? Project description A Vue.js project  				--项目描述，直接回车
? Author												--作者
? Vue build standalone
? Install vue-router? Yes  								--是否安装vue-router（官方路由），直接回车
? Use ESLint to lint your code? Yes						--是否使用ESLint管理代码，直接回车
? Pick an ESLint preset Standard
? Set up unit tests Yes			   						--是否安装单元测试，直接回车
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes   				--是否安装e2e测试，直接回车
? Should we run `npm install` for you after the project has been created? (recommended) npm

   vue-cli · Generated "myblog".

安装完成后会在该文件夹生成一个myblog文件夹，cd到该文件夹进行下一步

5，启动项目

npm run dev

复制最后一行的地址在浏览器打卡