脚手架 vuecli3.4
全局装置:
如果你电脑中有老的版本 如 vuecli2
npm uninstall vue-cli -g 写在老版本的 cli(1.x 2.x) 如果没有装置的 略过
npm i -g @vue/cli
yarn global add @vue/cli
测试有没有装置胜利
vue –version 呈现了版本号 装置胜利
vue create myapp 启动你的我的项目
接下来抉择最上面一行回车
而后空格键抉择你须要的配置回车
而后输出 no 在抉择第一个不太倡议抉择第二个(容易呈现问题)再持续回车
留神在启动我的项目时 有时候因为 node-sass 下载不下来会报错
解决办法:
cnpm i -D node-sass
npm i -D node-sass –sass_binary_path=/Users/lzwme/Downloads/darwin-x64-48_binding.node
接下来依据须要来抉择 ESLint 语法标准
而后抉择本人喜爱的配置回车
而后抉择本人抉择是否在 package.json 文件夹下
接下来问你是否保留这次的配置,如果心愿保留输出 y 回车,不要就跳过这个过程输出 n
接下来起名字回车,下次创立新的我的项目就间接应用就行
接下来期待就 ok
最初页面是这样就胜利了
*npm run serve 开发环境构建
*npm run build 生产环境构建
*npm run lint 代码检测工具
npm run serve 之后依据代码提醒在地址栏输出 localhost
页面如下:
vuecli 脚手架雏形就实现了。
欢送各位大神指教,互相学习