使用cli3创建项目此时会根据这个名称创建一个文件夹存放之后项目的内容该名称也会做为默认的项目名称，但是不包含大些字母 使用脚手架创建项目CLI2；目前在市面上存在很多脚手架，如createreactappvuecli我们可以通过一行简单的命令，就能创建一个基本的项目工程，大大地提高了开发效率但是我们会面临一个问题，除了脚手架帮我们创建好的项目框架，我们的项目总有；1基础配置 安装环境安装成功就可以在项目中使用sass 全局注册scss配置 然后重新运行，就可使用 2换肤小案例最后看一下展示效果吧；2为了避免端口冲突，也可以修改port，打开目录同上 更改成功1 如果你已经全局安装了旧版本的 vuecli1 或2，你需要先通过 npm uninstall vuecli g 或 yarn global remove vuecli 卸载它卸载脚手架2全局；这里说下 vuecli 脚手架所带的图形界面编译打包管理，可使用如下命令开启，然后按照提示，加入需要的项目，可以查看仪表盘展示，进行插件管理，依赖管理，编译配置，以及项目构建的操作，十分方便启动 vuecli 图形界面 然后。

cnpm 安装 在需要创建工程的位置运行 vue init webpacksimple 工程名字lt工程名字不能用中文 或者创建 vue10 的项目，只需将命令换成 vue init webpacksimple#10 这里我们基于 2x 开发的，直接使；vuecli 用于创建 vue2 的项目vuecli 用于创建 vue3 的项目，当然也支持 vue2使用起来还是比较繁琐的，首先要安装脚手架，然后使用 vue create helloworld 创建项目，具体的就不介绍了官网；vuecli创建项目，必须要联网使用vuecli创建项目时，需要下载对应的包文件，因此，必须要联网vuecli是vue的官方脚手架，用于初始化vue工程，目前已支持了vue2和vue3的工程生成；1全局安装 vuecli ，在命令提示窗口执行2安装vuecli成功后，通过cd命令进入你想放置项目的文件夹，在命令提示窗口执行创建vuecli工程项目的命令通过vuecli搭建一个vue项目，会自动生成一系列文件，而这些文。

安装 3x 版本的 Vue 脚手架输入 vue V 如果出现版本号，就说明安装成功脚手架安装成功之后，就可以通过脚手架创建vue项目了通过上面脚手架创建的Vue项目，使用 npm run serve 命令之后，打印如下使用；重新新建项目，不要用npm，用yarn试下；可能会导致创建新项目按钮不亮您可以尝试更改项目名称，并且确保项目名称符合规则如果以上方法仍无法解决问题，请尝试通过其他方式创建Vue项目，例如使用Vue官方提供的脚手架工具或者手动创建项目。

一生成项目命令 安装3x版本的Vue脚手架 npm install g @vuecli ，创建Vue项目命令 vue create 项目名称 或基于ui界面创建Vue项目，命令 vue ui 基于2x的旧模板，创建Vue项目 npm install g @vuecliin；vuecli 是 vue 的脚手架工具 vuecli 提供了一条命令， 直接通过这条命令就可以快速的生成一个 vue 项目 vue init XX 项目的基本结构和webpack基础配置项就都配置好了 因为 webpack 配置繁琐， 所以作者直接将所有；官网的vuecli已经非常清楚明白咯你只要利用npm进行安装vuecli，之后vue init webpack 这里的三个点是你的项目命名然后他就自动的下载模版引擎，后面的东西可以根据它的提示进行后续操作，启动的话也是很简单的；vuecli脚手架安装命令安装之后 执行 vue V#160，如果出现相应的版本号就是安装成功 4用vuecli创建一个基于webpack的新项目并运行 首先可以在桌面新建一个文件夹，如Vue 然后执行cd Vue 进入文件夹，然后输入。

基本步骤 建立一个储存vue项目的文件夹 在该文件夹目录下的终端输入npm install global vuecli下载全局vueclivuecli是vuejs的脚手架，用于自动生成vuejs+webpack的项目模板输入vue init webpack timeattendance；1安装node自带npm包管理工具2安装vue2x脚手架npm install vuecli g，控制台输入vue list查看是否安装成功 3创建项目vue init webpack myproject 4安装postcsspx2remnpm install postcsspx2rem。