vule-cli2进行构建vue项目

一、创建vue项目步骤如下 :

1、 安装nodejs环境

官网下载:https://nodejs.org/en/download/
安装完后 ,打开cmd ,查看node 、npm的版本

node -v
npm -v

2、安装vue-cli

npm install -g vue-cli

查看vue 的版本号:

vue -V    //注意:是大写的V

3、在电脑某盘创建一个项目集的文件夹,命名,如:projects

4、打开你的编辑器,如idea或者webstrom,打开projects文件夹,开始创建若干个vue项目

5、在项目集文件夹projects中创建第一个vue项目,命名为 vue01

vue init webpack vue01
? Project name  项目名称
? Project description 项目描述
? Author 作者
? Vue build standalone
? Install vue-router? Yes   是否使用vue-router
? Use ESLint to lint your code? Yes   是否使用ESLint
? Setup unit tests with Karma + Mocha? (Y/n) n 是否需要单元测试

? Setup e2e tests with Nightwatch? (Y/n) n是否需要单元测试

6、打开vue01:

  cd vue01

7、安装依赖:

 npm install

8、运行项目

npm run dev

注意:
1、如果浏览器打开之后,没有加载出页面,有可能是本地的 8080 端口被占用了(默认服务启动的是本地的8080端口),可以通过修改一下配置文件 config>index.js里的端口号
2、如果想项目一执行 npm run dev 就打开浏览器,只需要修改config文件夹中index.js文件的autoOpeBrowser:true;

二、打包项目:

项目开发完成后,使用 以下命令进行打包:

npm run build

打包完成后,会 在当前项目中生成dist文件夹,项目需要上线时,只需要把dist文件夹放到服务器就可以了

おすすめ

転載: blog.csdn.net/qq_37600506/article/details/99747940