乐趣区

关于vue.js:从零开始搭建vue框架启动项目最新搭建

脚手架 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 脚手架雏形就实现了。

欢送各位大神指教,互相学习

退出移动版