4-18vue脚手架和和代理服务器
脚手架的创建和运行步骤:
安装:在cmd中安装 npm install -g@vue/cli (换新电脑配置安装时候用这一步)
使用:
1.在vscode中 创建一个文件夹 之后右键在集成终端里面打开 输入vue create deme(demo自定义文件夹名字,也是之后要用的)
2.在出现的页面选择 Manually select features (意思是手动选择)
3.之后用空格键选择 Bable(高级语言转低级语言) Router(路由) vueX(状态管理,组件间的数据共享,多大型项目使用)
css-pre-processors(预处理语言)。将linter/formatter取消勾选 之后回车
介绍一下其他选项:
linter/formatter(一般不勾选 监听报错)
4.选择2.x (2.x是vue2.0和3.x是vue3.0他的选择视情况而定)
5.出现这句话选择n Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)
因为:history mode (历史模式 需配合后端进行使用)
6.之后选择 sass-dart-sass。因为会比sass和l其他选项的效率更高一点
7.选择IN dedicated config files (意思是单独配置文件)
6.Save this as a preset for future projects? (y/N) 选择n
保存预设吗?选择 N 。 若是选择Y可以在 电脑C盘-----用户----Administrator(因为是隐藏文件需要在查看中显示隐藏文件)----找到.vuerc文件,(右键用记事本打开,即可找到你所预设的内容)
之后等待几秒就ok
7.选择npm或这yarn指令 随你自己选
8.之后将路径更改到你的项目文件下 cd .\demo\ 本处的文件名是demo 和第一步保持一致
9.输入npm run serve 或者 yarn serve 执行你的脚手架 (这两句话取决于你选的是那种命令)
二、
也可以输入vue ui 用ui界面进行创建项目 方法和上面一样,只要在开头输入vue ui 之后再浏览器里面输入localhost 8000/project/create