vue初始化01

  • vue create lk-demo(按键盘上下键可以选择默认default还是手动manually,如果选择default,一路回车执行即可。lk-demo也可以换成其他的名字。)
    操作:当前文件夹执行cmd命令,vue create lk-demo,本人的电脑出现了这样的提示(your connection to the default npm registry seems to be slow.use https://registry.npm.taobao.org for faster installation?<Y/n> 我选了Y。)
    出现界面:Vue CLI v4.5.11 Please pick a preset: > Default <[Vue 2] label eslint> Default <Vue 3 Preview> <[Vue 3] label,eslint> Manually select features 这里其实有三个选项,我选最后一个。
  • 选择配置(空格键是选中与取消,A键是全选,每个选项还有说明。但是本人电脑是:space是选择,a是全选,i是invert selection。)
    选项说明:choose vue version;Babel(把高阶的es678的语法转化成低阶的es5的语法,本宝宝并不知道这是什么);TypeScript(支持使用TypeScript书写源码,适合大型项目?);Progressive Web App Support(web开发方法,渐进式网络应用程序);Router(多页面开发,适合vue-router);Vuex(适合状态管理);CSS Pre-processors(支持CSS预处理器);Linter / Formatter(支持代码风格检查和格式化);Unit Testing(支持单元测试);E2E Testing(支持E2E测试)。我选择Babel,而且第一次实验的话,可以先按a全选再按i全部取消,最后在Babel上选空格回车即可。
  • 选择将这些配置文件写入到什么地方(in dedicated condif files)
    显示界面:where do you prefer placing config for Babel, ESLint, etc.? in dedicated config files in package.json 第一个是专用文件是隐藏性质的,第二个是公开性质的。
  • 是否保存这份预设配置?(n)
    显示界面:save this as a present for future projects?<y/N>选择N,如果选了y,以后就会一直保留这个配置。
  • 运行项目。
    依次执行两条命令:cd lk-demo;npm run server.
    lk-demo里面有一个package.json内置了“serve:vue-cli-service serve”,node modules文件里面都是依赖库。
    出现界面:local:http://localhost:8080/ network:http://<依据电脑不同而不同>。
  • 浏览器输入上面local的地址,得到一个页面。(welcome t your vue.js app)

猜你喜欢

转载自blog.csdn.net/weixin_45799003/article/details/114376512