vue项目的创建

1.在终端下载yarn或者npm

<1>查看版本

npm -v

<2>升级npm

cnpm install npm -g

<3>升级或安装 cnpm

npm install cnpm -g

<4>最新稳定版

cnpm install vue

<5>全局安装 vue-cli

cnpm install --global vue-cli

<6>创建一个基于 webpack 模板的新项目

vue init webpack my-project

<7>这里需要进行一些配置,默认回车即可
<8>最后一步在终端输入 vue ui,进入Vue项目管理器
1.png

2.点击创建进入创建项目的页面,在红色线处选择要创建在哪个路径(!!!切记不要中文命名)

2.png

3.选择完路径后选择下方的在此创建新项目

3.png

4.点击之后进入创建新项目页面

<1>在项目文件夹处给自己的项目取名(尽量不要中文命名)例如(vue_pro1)
<2>包管理器选择npm或者yarn(下载哪个选哪个,不要纠结为什么选择yarn不行----因为你没下载)
<3>更多选项不用动
<4>Git这里一般自己创建项目就取消掉,如果是公司有Git就选上
<5>以上都选完进行下一步

4.png

5.进入预设的界面

<1>如果没有之前就保存过的预设就选择手动

5.png

<2>选择手动之后就会进入到功能界面(将1,4,5,6,10勾选上,其他取消)之后点击下一步
6.png

注意!!!如果有之前创建过的预设就可以选择之前的预设,直接点击创建项目即可

7.png

6.创建好项目之后就会进入如下界面

8.png

7.点击依赖,会出现如下界面

9.png

8.点击安装依赖,就会出现如下(选择开发依赖)

10.png

下载两个依赖
11.png

9.下载完之后选择任务,进入任务界面选择server,之后点击运行,运行完毕之后选择启动app

12.png

10.项目创建完毕之后会跳转至如下页面

13.png

11.以上步骤都完成之后,去当时创建项目的文件夹,就会出现自己创建的项目

1.png

!!!接下来就可以编写项目了

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容