vue-cli的配置和安装和相关说明

• 由于在组件的字符串中，不太美观，而且，从解释到生成对象，到渲染，容易白屏。

• vue-cli自动构建，用Node写的
  命令方式构建
  1、安装这个新的包
  npm install -g @vue/cli
  2、检查其版本
  vue --version
  3、创建一个项目

• 法一：文件处：shift+右键
  法二：VS中点击文件处打开

• vue create hello-world
  会报错

依次执行

get-ExecutionPolicy 
set-ExecutionPolicy RemoteSigned
get-ExecutionPolicy

显示Restricted，表示状态是禁止的
执行第二句后，就
显示RemoteSigned
第二句起作用

成功

命令
serve：
build:编译，等代码完全写好时，build,.vue浏览器不认识，转成html,css,js这些浏览器认识的

4、运行

cd testapp
npm run serve

运行完npm run serve之后，就去运行main.js文件了
5、ctrl+c:终止批处理操作吗(Y/N)? N
6.文件
assets放静态资源

npm run build

就多了一个dist文件，压缩
6.网络连接问题
~显示：Network: unavailable
~解决：
1.在项目的根目录新建名为 vue.config.js的文件
2、代码

module.exports = {
    devServer: {
        host: '0.0.0.0',
        public: 'XXX.XXX.XXX.XXX:8080',//该网络地址为你联网的ip地址
        port: 8080,
        https: false,
        hotOnly: false,
        disableHostCheck: true,
    },
}

IP地址查看方式：ipconfig

~500 Internal Privoxy Error：检查网络和时钟是否同步
图形化界面构建
1、vue ui
相关说明

入口文件main.js配置等，脚手架依托webpack,配置文件webpack.config.js，脚手架把重要的配置文件隐藏了，防止被破坏

输入命令，把脚手架的默认的配置整理成一个文件（搜索）（只能查看，修改不起作用）

vue inspect > output.js

如果想修改默认配置，可以创建一个vue.config.js文件，进行合并，以你的为主，不需要就删除