济南营销型网站建设团队,福州专业建站,国外网站做网上生意哪个好,智慧团登录官方网站vue工程化开发 使用脚手架VUE CLI#xff1a;
1#xff0c;核心包传统开发模式#xff1a;基于js/html/css直接引入核心包开发vue。 2#xff0c;工程化开发。基于构建工具如(webpack)的环境中开发vue。
vue cli是什么#xff1a;
vue cli是一个vue官方提供的一个…vue工程化开发 使用脚手架VUE CLI
1核心包传统开发模式基于js/html/css直接引入核心包开发vue。 2工程化开发。基于构建工具如(webpack)的环境中开发vue。
vue cli是什么
vue cli是一个vue官方提供的一个全局的命令工具. 可以帮助我们快速的创建一个开发vue项目的标准化基础架子【集成了webpack配置】
好处
开箱即用0配置。内置babel等工具.标准化.
使用步骤
全局安装(一次)yarn global add vue/cli 或者使用npm npmi vue/cli -g查看vue的版本: vue --version创建项目的架子vue create project-name (项目名-不能用中文)启动项目: varn serve 或 npm run serve (找package.json 1.使用vscode打开需要创建项目的文件夹。或者打开指定文件夹在打开命令窗口。 使用vue create project-name创建demo项目。 要使用vue3就可以选择创建vue3项目我这里选的vue2. 然后这里需要等待一段时间。
然后cd到项目文件中。cd demo 使用 npm run serve 启动项目。 启动成功按住ctrl点击链接。
这样一个项目的基础框架就搭建成功。
这里启动项目时为什么命令时 npm run serve 这个启动名称实在 package.json里面配置的。 可以将这里面的serve改为其他的单词字母然后使用 npm run 改过之后的单词也可以成功把项目运行起来。
项目的文件结构的各个用途 使用npm安装的vue是没有yarn.lock文件 项目运行流程
