vue项目搭建（2019-12-11）

习惯用笔了，但还是要跟上时代，把笔记本上的内容，补上来。

1. node.js安装，vue依赖于node
2. npm很慢，npm install -g cnpm --registry=https://registry.npmmirror.com
3. 最新稳定版，cnpm install vue@next
4. 全局使用cnpm install – global @vue/cli
   mac会出现管理员权限问题 sudo npm install --global @vue/cli
5. 查看版本，vue --version
6. vue init webpack myproject
   这里需要进行一些配置，默认回车即可
7. cd myproject
8. cnpm run dev
9. 使用图形化界面 ，vue ui（浏览器中打开一个图形化界面来引导项目创建）
10. or ， npm init vite-app myproject2
11. cd myproject2
12. …
13. 打包，cnpm run build
    打包成功后，生成dist文件中，打开 index.html，在浏览器中页面可能是空白了，要正常显示则需要修改下 index.html 文件中 js、css 文件路径。
14. 使用完vue init创建完项目，还可以用vue create创建，下面开始：
15. vue create [options] myproject3，默认项即可，cnpm run serve
16. 接着8说，vue ui
17. 目录