8 Vue脚手架Vue-CLI3.0搭建

1、安装：使用npm进行安装 -> 后期需学习nodejs，nodejs的下载包含npm，下载nodejs即可

(1).node -v;//查看node版本，node.js版本>8.9，若是低于此版本，需要卸载重新下载，

(2).npm install -g @vue/cli;//npm uninstall -g @vue/cli卸载

(3).安装成功后，vue --version;//检测版本

(4).cd ~， vue create xxx;// 使用vue-cli创建文件，vue create vue-test;//不支持vueTest,仅仅支持连接符

(5).初期按以下选择即可：

Linter/Formatter：代码风格

(6).cd vue-text, npm run serve;整个脚手架搭建完成；

(7).项目目录介绍：README.md：对应部分指令；

vue框架内部集成了webpack自动化构建工具，可手动创建vue.config.js文件，然后进行webpack的配置，package.json中的“下图”其就是webpack和webpackdevserver的集成环境

(8).命令行vue ui -> 启动图形化界面修改各个配置项；浏览器打开http://localhost:8000，便可查看图形化界面，部分PC执行vue ui，其会自行跳转至浏览器打开图形化界面

(9).综上：全局安装脚手架后 --> cd xx目录 ->  vue create xxx  --> cd xxx --> npm run serve -> 如果想要使用图形化界面可执行vue ui;//npm run serve开启服务器环境,http协议访问即可，file文件协议就不适合浏览器环境中使用；

补充：预设修改 -> C:\Users\Administrator -> 找到.vuerc 【找不到有可能处于"隐藏"状态，修改下】