vue 项目初始化

vue 创建一个项目

1、首先建立一个空文件夹,然后将这个文件夹要放到码云或者其他代码管理平台。

例如码云:

  在码云上建立一个项目,然后在控制台进入这文件夹执行

git clone 地址是码云上创建的项目地址。这样就初始化到码云上成功了。

2、进入文件夹。全局安装 vue-cli

npm install -g vue-cli

国内建议使用 cnpm (安装淘宝镜像);使用npm 初始化的时候会经常出错.

3、初始化webpack

$ vue init webpack

如果想要重新在这个文件夹下边新建一个webpack 的项目的话

$ vue init webpack name

然后执行,如果是新建立的一个文件 就先进这个文件在执行下边的

$ npm install
$ npm run devls a-l

这样项目就初始化完成了。

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; line-height: 18.0px; font: 12.0px Monaco; color: #b3b3b3; background-color: #f8f8f8 }
span.s1 { font: 12.0px "Heiti SC Light" }
span.s2 { }

时间: 2024-07-31 19:00:56

vue 项目初始化的相关文章

Node.js-Webstrom创建Vue项目(Vue项目初始化)

我犯的错误:作为vue小白,并不知道还要单独去创建初始的vue项目,于是自己在webstrom中建了一个Empty Project, 在其中新增了一个js文件,就开始import Vue from "vue"了.运行后自然就报错了:SyntaxError: Unexpected identifier,被自己蠢哭~ 下面进入正题,vue项目初始化步骤如下: 1.默认你已经安装好了Node.js.WebStrom.npm.vue/vue-cil.webpack. 2.win+R→cmd打开

前端Vue项目——初始化及导航栏

一.项目初始化 创建webpack模板项目如下所示: MacBook-Pro:PycharmProjects hqs$ vue init webpack luffy_project ? Project name luffy_project ? Project description A Vue.js project ? Author hqs ? Vue build standalone ? Install vue-router? Yes ? Use ESLint to lint your cod

Vue项目初始化

1. 生成项目模板 vue init <模板名> 本地文件夹名称2. 进入到生成目录里面 cd xxx npm install3. npm run dev vue项目模板介绍: simple 个人觉得一点用都没有 webpack 可以使用(大型项目) Eslint 检查代码规范, 单元测试 webpack-simple 个人推荐使用, 没有代码检查 √

Vue+koa2开发一款全栈小程序(5.服务端环境搭建和项目初始化)

1.微信公众平台小程序关联腾讯云 腾讯云的开发环境是给免费的一个后台,但是只能够用于开发,如果用于生产是需要花钱的,我们先用开发环境吧 1.用小程序开发邮箱账号登录微信公众平台 2.[设置]→[开发者工具]→第一次是git管理,开启腾讯云关联 3.会一路跳转到腾讯云的[开通开发环境]的流程要走 1.已经完成 2.下载安装微信开发者工具,也已经下载安装了 3.下载Node.js版本Demo 将demo中的server文件夹,复制到mpvue项目中 在项目下的project.config.json中

基于vue项目的组件中导入mui框架初始化滑动等效果时需移除严格模式的问题

基于vue项目的组件中导入mui框架初始化滑动等效果时,控制台报错:Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them 可使用 babel-plugin -transform-remove-strict-mode 移除严格模式 可先进行$ n

macos安装vue-cli初始化vue项目

当换台机器使用时,总是避免不了要装好环境进行开发,而这些步骤如果不是经常操作,忘记的可能性非常大,此时我们就可以查阅自己的博客进行安装新环境,话不多说,以下为步骤: 安装nodejs 安装vue-cli npm install -g vue-cli ps: 如果想尽快安装进度,可以通过淘宝的镜像使用cnpm提高效率,安装cnpm输入:npm install -g cnpm --registry=https://registry.npm.taobao.org ,安装完毕输入:cnpm -v 查询版

vue创建项目初始化及基本配置

目录 创建新项目初始化 vue的ajax插件: axios 1)安装插件(一定要在项目目录下): 2)在main.js中配置: 3)在任何一个组件的逻辑中发送ajax请求: CORS跨域问题(同源策略) Vue配置ElementUI Vue配置bs环境 安装插件 创建新项目初始化 node_modules不需要动 public不动 src中在assets中创建css js 和img文件夹 router文件夹中的index.js只保留一个home的路由配置 App.vue只留五行代码即可 Home

第五篇:Vue项目的初始化

Vue项目的初始化流程: 1.先创建项目 # cmd cd Desktop # 前往目标路径 vue create v-proj # 创建项目名为v-proj 2.配置根组件 <!--App.vue--> <template> <div id="app"> <router-view /> </div> </template> 3.进行路由的配置 // router/index.js const routes = [

使用vue-cli初始化vue项目

在项目中使用vue我使用vue-cli脚手架搭建项目 1.先安装nodejs 2.使用npm install -g vue-cli (建议在使用这步前先安装nrm来切换npm的源利器,使得下载资源更快速 npm install -g nrm nrm ls(即可查看npm 的源利器有哪些) nrm use (切换npm的源利器) 然后就可以使用npm install 你需要下载的包 ) 3.vue --version 4. vue init webpack myproject( vue init