Vue 入门搭建

谁践踏了优雅 2022-02-23 04:10 208阅读 0赞

*  [目录][Link 1]

--------------------

#### 1. 安装nodejs，webpack 环境 ####

*  之前搭建react环境十已经搭建过了，就简单说明了
 *  官网下载nodejs，安装，配置环境变量
 *  安装淘宝镜像

> npm install -g cnpm --registry=https://registry.npm.taobao.org

*  安装webpack

> cnpm install webpack -g

#### 2. 安装vue脚手架 ####

> cnpm install vue-cli -g

##### 3. 使用脚手架创建项目 #####

*  进入工作空间
 *  创建Vue项目

> vue init webpack-simple \[vue项目名\]

*  例：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQyOTYzMTY_size_16_color_FFFFFF_t_70]

##### 3. 启动项目 #####

*  使用vscode打开项目
 *  下载项目依赖
    
     *  注：我看其他人的博客，有的特别说明说要使用npm install下载依赖而非cnpm install，原因是cnpm 会导致下载的依赖缺少。抱着做小白鼠的心态用cnpm install试了一下，暂时并未发现有缺少依赖。

> cnpm install

*  启动项目

> cnpm run dev

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQyOTYzMTY_size_16_color_FFFFFF_t_70 1]

*  success

[Link 1]: https://blog.csdn.net/u014296316/article/details/89062209
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQyOTYzMTY_size_16_color_FFFFFF_t_70]: /images/20220223/f30b41e4f2894472b13ecb864a1fcca0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQyOTYzMTY_size_16_color_FFFFFF_t_70 1]: /images/20220223/97c394ee22944bc6bb6ddfe27d29f6b8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，208人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue搭建

第一步：https://nodejs.org/en/ 下载node（根据自己电脑是多少位的，我的是64位的）![下载node][node] 第二步：按装node

傷城~/ 2022年06月03日 02:23/ 0 赞/ 228 阅读

相关 vue搭建

转自：https://www.cnblogs.com/xiaonizi2/p/7162676.html [vue 项目搭建][vue]

矫情吗；*/ 2022年05月24日 07:43/ 0 赞/ 276 阅读

相关 vue入门环境搭建及demo运行

vue简介： > Vue.js 是一套构建用户界面的渐进式框架。他自身不是一个全能框架——只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。在与

柔情只为你懂/ 2022年05月20日 04:04/ 0 赞/ 280 阅读

相关 vue入门笔记（一，搭建环境）

vue的官网：[https://cn.vuejs.org/][https_cn.vuejs.org] 一：在搭建vue的开发环境之前，一定一定要先下载node.js，，vue

野性酷女/ 2022年05月16日 15:54/ 0 赞/ 253 阅读

相关 Vue入门——环境的搭建 vue-cli

安装vue-cli cnpm install -g @vue/cli ![在这里插入图片描述][20190122103924957.png] 创建vue项目

淡淡的烟草味﹌/ 2022年03月24日 14:50/ 0 赞/ 248 阅读

相关 vue(vue-cli+vue-router)+babel+webpack项目搭建入门（二）搭建项目

vue(vue-cli+vue-router)+babel+webpack项目搭建入门<二> 本系列文章将介绍基于vue+webpack的前端项目的构建过程。文章分为四章

Myth丶恋晨/ 2022年03月07日 14:26/ 0 赞/ 280 阅读

相关 vue(vue-cli+vue-router)+babel+webpack项目搭建入门（一）开发环境搭建

vue(vue-cli+vue-router)+babel+webpack项目搭建入门<一> 本系列文章将介绍基于vue+webpack的前端项目的构建过程。文章分为四章

╰+攻爆jí腚メ/ 2022年03月07日 14:20/ 0 赞/ 354 阅读

相关 Vue 入门搭建

[目录][Link 1] -------------------- 1. 安装nodejs，webpack 环境之前搭建react环境十已经搭建过了，就

谁践踏了优雅/ 2022年02月23日 04:10/ 0 赞/ 209 阅读

相关四、Vue.js快速入门-搭建项目

搭建项目一、安装 node.js Node JS提供的NPM依赖管理和编译打包工具使用起来非常方便，对于前段比较大型一些的项目还是采用NPM作为打包工具比较理想

水深无声/ 2021年09月25日 15:20/ 0 赞/ 378 阅读

相关 Vue入门(搭建环境、创建运行项目)

Vue 是一个前端框架，特点是数据绑定：比如你改变一个输入框 Input 标签的值，会自动同步更新到页面上其他绑定该输入框的组件的值；组件化：页面上小到一个按钮都可以

港控/mmm°/ 2021年06月11日 15:13/ 0 赞/ 832 阅读