Vue学习笔记----Vue Cli的使用（二）

1. 使用CLI创建vue项目

执行create命令创建vue项目

vue create hello_vue

这里出了一个错误

执行vue create hello_vue报错ETIMEOUT，解决方式如下：
清除npm的代理配置，具体执行以下命令

npm config set proxy false

npm cache clean

清除缓存后再次执行create命令即可，成功后根据提示命令运行即可。
但直接设置set proxy 为false会导致最后只能在localhost也就是本机访问项目，其他人或者移动端无法访问。
我们创建好的vue项目肯定不是单单为了自己欣赏的，所以我们就要解决好Network: unavailable 问题，那如何解决呢？

用vscode打开hello_vue(AppName),在项目根目录下创建vue.config.js（ps:倘若有此文件就不必创建了）,配置文件如下：

module.exports = {configureWebpack: {// other webpack options to merge in ...},// devServer Options don't belong into `configureWebpack`devServer: {public: '0.0.0.0:8080',   //这里使用绑定的公网IP地址，我这里仅作测试disableHostCheck: true,},};

保存好，再重新跑一遍就好了，正常成功后应如下图：

至此vue环境搭建完成！