小白轻松搭建vue项目

烤肉饭和螺蛳粉
320 阅读2分钟

  1. 环境配置

    1. 安装Vscode
    2. 安装npm--nodejs

  2. 项目初始化

    1. 打开Vscode并开启终端(Ctrl+~)输入cd E\Study\Web\Vue(退回至创建项目父文件夹)
    2. 全局安装vue-cli
      方法一：直接安装，如果安装失败可以尝试方法二
      (1) 打开Vscode终端，执行如下命令：npm install vue-cli -g image.png
      (2) 可以使用 npm vue-cli -v 查看版本
      image.png
      方法二：
      (1)配置淘宝镜像：npm config set registry https://registry.npm.taobao.org image.png
      (2)配置完成后检验是否成功：npm config get registry image.png
      (3)重新运行命令：npm install -g @vue/cli image.png
    3. 安装webpack(打包js的工具)：执行如下命令： npm install -g webpack image.png
    4. 创建项目命令：执行如下命令：vue init webpack demo demo为项目名称
      image.png
    5. 出现配置项： 
      ? Project name demo /*Project name： 项目名称  输入demo为项目名称 或者 回车 */ 
? Project description (A Vue.js project) /* Project description：项目描述 回车 */ 
? Author /* Author：作者 回车 */ 
? Vue build (Use arrow keys) /* Vue build： vue的构建 回车 */ 
? Install vue-router? (Y/n) /* Install vue-router：安装vue-router 选 Y */ 
? Use ESLint to lint your code? (Y/n) /* Use ESLint to lint your code：是否使用ESLint来lint你的代码  选 Y */ 
? Pice an ESLint preset /* Pick an ESLint preset：选择一个ESLint代码规范 选Standard */ 
? Set up unit tests /* Set up unit tests：是否需要自动化单元测试  选 N */ 
? Pick a test runner /* Pick a test runner：选择一个测试运行程序    选 noTest
                           jest:(Jest是由Facebook发布的开源的、基于Jasmine的JavaScript单元测试框架)
                           karma and mocha:(将项目运行在各种浏览器 和 定义测试模块)
                           none (configure it yourself):(自定义你的项目) 
                      */
? Setup e2e tests with Nightwatch? No /* Setup e2e tests with Nightwatch：是否需要自动化用户界面测试 选 N */ 
? Should we run `npm install` for you after the project has been created? (recommended) 
/* 在后续安装依赖包是是否使用npm install安装  选 Yes, use NPM */
      如图所示： image.png
    6. 安装依赖，运行项目
      (1) 退回项目路径 cd: demo
      image.png
      (2) 运行项目
      方法一：方法一执行失败，可尝试方法二(此处对应上方vue-cli的安装)
      安装npm ：npm install
      运行：npm run serve
      方法二：
      安装cnpm：cnpm install
      运行：npm run dev image.png (3) Ctrl + click 链接 http://localhost:8080
avatar
文章
阅读
粉丝