2.如何用vue-cli3.x脚手架创建一个项目-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

2.如何用vue-cli3.x脚手架创建一个项目-创新互联

在合适的文件夹选择cmd窗口运行 vue init webpack my-first 出现下面的问题
2.如何用vue-cli3.x脚手架创建一个项目
说明之前的vue init创建命令不能用了,现在3.xx了
首先命令行输入vue -V 查看版本号
2.如何用vue-cli3.x脚手架创建一个项目
vue init webpack hello-world 已经替换为 vue create hello-world
按<上下键>移动,按进行是否选定【空格键选择】,按切换所有,按反转选择
2.如何用vue-cli3.x脚手架创建一个项目
default是默认配置
manually自定义配置
一般选择自定义配置
? Please pick a preset: Manually select features
? Check the features needed for your project: Router, Vuex, CSS Pre-processors, Linter//选择配置(自定义配置)
? Use history mode for router? n
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Stylus //选择css预编译
? Pick a linter / formatter config: Standard //语法检测工具
? Pick additional lint features: Lint on save //选择语法检查方式,这里我选择保存就检测
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? In dedicated config files //这些配置文件放在哪里?是独立文件中还是package.json中
? Save this as a preset for future projects? (Y/n) // 是否记录一下以便下次继续使用这套配置。
在进行选择的时候,如果发现选错了,ctrl+c终止,重新开始选择

创新互联公司专注骨干网络服务器租用10年,服务更有保障!服务器租用,成都机柜租用 成都服务器租用,成都服务器托管,骨干网络带宽,享受低延迟,高速访问。灵活、实现低成本的共享或公网数据中心高速带宽的专属高性能服务器。

等待下载依赖模块
项目创建好后 cd hello-world 进入项目根目录中
run serve 运行项目

除了这种命令行模式之外,可以界面创建,方法如下
命令行输入vue ui回车
2.如何用vue-cli3.x脚手架创建一个项目
,浏览器会出来一个界面,按照上面的描述创建
2.如何用vue-cli3.x脚手架创建一个项目
点在此创建新项目
2.如何用vue-cli3.x脚手架创建一个项目
输入项目名称,其他默认
2.如何用vue-cli3.x脚手架创建一个项目
手动配置
2.如何用vue-cli3.x脚手架创建一个项目
选择需要的
2.如何用vue-cli3.x脚手架创建一个项目
创建项目
2.如何用vue-cli3.x脚手架创建一个项目
选择 创建项目,不保存预设

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章名称:2.如何用vue-cli3.x脚手架创建一个项目-创新互联
当前路径:http://kswsj.cn/article/gehjg.html