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打开命令行,cd进入到希望创建vue项目的路径,然后执行项目创建命令:

vue init webpack [projectName]

这里注意,项目名称必须是小写(原因是:大写会导致跨平台出现问题),如果有大写就会报错:Sorry, name can no longer contain capital letters

3、在命令行中进入到项目路径,然后执行npm install命令,安装项目需要的依赖。

4、安装完成后执行npm run dev命令,运行项目。

5、用Webstrom打开刚刚创建的vue项目。

原文地址:https://www.cnblogs.com/dreamsqin/p/9323266.html

时间: 2024-07-31 09:31:22

Node.js-Webstrom创建Vue项目(Vue项目初始化)的相关文章

node.js开发博客系统前端项目搭建(一)

Express: https://github.com/petecoop/generator-express 安装node.js和npm 执行: npm install -g yo npm install -g generator-express 执行:yo 创建项目成功. 项目的目录: brew安装:MongoDb http://blog.csdn.net/moumaobuchiyu/article/details/54885306 http://www.cnblogs.com/junqili

【Node.js学习笔记】使用Gulp项目自动化构建工具

刚接触node.js,对前端的一些东西还不是很清楚,据说Gulp这东西很强大,先来看看从网上抄的一段关于自动化构建的描述: 在为数众多的中小型软件作坊中,不存在自动化构建和发布工具.构建.交付准备环境.代码发布全由手工完成,同样还有运行测试.备份旧版本.新版本打标签以及许多其他重复的事情.毕竟你可能认为这全是非常简单的工作,集成开发环境通过按钮或快捷键就可构建项目,你开启两个窗口拖放少许文件或文件夹即可完成网站发布.但当你在维护代码库和应用时所有这些事情加在一起,这里几分钟,那里几分钟,最终会浪

最新短视频网站实战教程 node.js+ES+Koa2基础到精通项目实战课程

下载地址:百度网盘下载 node.js+ES+Koa2项目实战课,课程目录很多,只展示了主要章节课程目录第1章 2018 年的编程姿势1-0 课前必看.mp41-1 koa2导学.mp41-2 安装跟进最新 node.js 版本.mp41-3 毫不犹豫的使用promise.mp41-4 使用babel 编译es7 async function.mp4 第2章 必会 ES6-7 语法特性与规范2-0 课前必读.mp42-1 生成器函数.mp42-2 co 库执行 promise 和 generat

实战 node.js+ES+Koa2基础到精通项目

node.js+ES+Koa2项目实战课,课程目录很多,只展示了主要章节课程目录第1章 2018 年的编程姿势1-0 课前必看.mp41-1 koa2导学.mp41-2 安装跟进最新 node.js 版本.mp41-3 毫不犹豫的使用promise.mp41-4 使用babel 编译es7 async function.mp4第2章 必会 ES6-7 语法特性与规范2-0 课前必读.mp42-1 生成器函数.mp42-2 co 库执行 promise 和 generator function.m

使用 Raspberry Pi 上的传感器在 Node.js 中创建一个 IoT Bluemix 应用程序

先决条件 一个IBM Bluemix 帐号,一个 Raspberry Pi 2 或 3,一个 PIR 运动传感器 适用于本文的 Github 存储库 如果您是一位精明的 Bluemix 开发人员,您可能只想看看如何在 node.js 中与 IoT 建立连接,或者只想了解如何从此 github 存储库中拉取我的代码. git clone https://github.com/nicolefinnie/iot-nodejs-tutorial 以下是实现与 IBM IoT 平台连接在一起的 4 个 R

Node.js:创建应用+回调函数(阻塞/非阻塞)

一.创建应用 如果我们使用PHP来编写后端的代码时,需要Apache 或者 Nginx 的HTTP 服务器,并配上 mod_php5 模块和php-cgi.从这个角度看,整个"接收 HTTP 请求并提供 Web 页面"的需求根本不需要 PHP 来处理. 不过对 Node.js 来说,概念完全不一样了.使用 Node.js 时,我们不仅仅在实现一个应用,同时还实现了整个 HTTP 服务器.事实上,我们的 Web 应用以及对应的 Web 服务器基本上是一样的. 在我们创建 Node.js

Node.js开发 ---- 创建并连接数据库mongodb

1.MongoDB下载安装E:\MongoDB 2.创建数据库文件的存放位置 E:\MongoDB\data\db 3.启动mongodb服务 库操作 新建数据库:第一步:use 新建数据库名:第二步:进行此库相关的操作:如果不进行第二步,该数据库不会被创建 查看数据库:show dbs; 新建表:db.createCollection('要新建的表名'); 查看当前数据库下表: show collections; 删除当前数据库指定表:db.表名.drop(); 删除当前数据库:db.drop

利用node js 来创建一个服务器 升级版

1.为项目准备一个文件夹 2.在根目录下 创建server.js 文件 3.文件代码如下 var http = require("http"); http.createServer(function(request,response){ response.writeHead(200,{'Content-Type':'text/plain'}); response.end("Hello World\n")}).listen(8080); console.log(&qu

node.js下面创建一个express应用的几条命令【乱序版】

https://github.com/mdn/express-locallibrary-tutorial https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/Introduction (用chrome浏览器打开,然后记得用google的自动翻译功能,将页面的内容都自动翻译为中文) 地2个连接是个非常不错的入门文章.非常全面和详细.下面的命令,都是这篇文章里面用到的,特意整理的. 这个文章还有一个完整的

node,js和vue.js的联合使用的小例子

1.本博客内容转发自http://www.cnblogs.com/zl-127/p/6543973.html. 2.配置好 node js环境 创建app.js文件,代码如下 var http = require("http"); var fs = require('fs'); var url = require('url'); http.createServer(function(request, response) { // 解析请求,包括文件名 var pathname = ur